@import './mixin.scss';
.top{
  width: 100%;
  height: 110px;
  box-sizing: border-box;
  border:2px solid #F4F4F4;
    .topCenter {
      width: 1202px;
      height: 110px;
      margin: 0 auto;
      @include flex($jc: space-between);
        .topLeft {
          font-size: 20px;
          @include flex;
            .image {
              width: 202px;
              height: 26px;
              margin-right: 10px;
                img {
                  width: 100%;
                  height: 100%;
                  display: block;
                }
            }
        }
        .topRight {
          font-size: 14px;
          button {
            background-color: #fff;
            border: 1px solid #9e9999;
              &:hover {
                cursor: pointer;
              }
          }
        }
    }
}
.content {
  width: 100%;
  height: 900px;
    .contentCenter {
      height: 538px;
      width: 1202px;
      margin: 0 auto;
      @include flex($jc: space-between);
        .left {
          width: 510px;
          height: 352px;
            img {
              display: block;
              width: 100%;
              height: 100%;
            }
        }
        .right {
          width: 354px;
          height: 409px;
          border: 1px solid #F4F4F4;
          @include flex;
          flex-direction: column;
            .err, .userErr, .pwdErr {
              font-size: 12px;
              color: red;
              display: none;
            }
            .user, .pwd{
              width: 302px;
              height: 42px;
              padding-left: 10px;
              outline: none;
              box-sizing: border-box;
            }
            .login {
              width: 302px;
              height: 40px;
              color: #fff;
              outline: none;
              background-color: red;
              @include flex;
              &:hover{
                cursor: pointer;
              }  
            }
            p {
              &:last-child {
                width: 302px;
                color: #2E92FF;
                @include flex($jc: space-between);
                &:hover{
                  cursor: pointer;
                    span:hover {
                      opacity: 0.5;
                    } 
                }
              }
            }
        }
    }
}
.bottom {
  height: 50px;
  background-color: #F9F9FA;
    .bottomCenter {
      height: 32px;
      font-size: 12px;
      margin: 0 auto;
      margin-top: 30px;
      @include flex;
      flex-direction: column;
        ul {
            margin: 0;
            margin-top: 20px;
            display: flex;
            li {
              margin-right: 20px;
              list-style: none;
              &:hover {
                cursor: pointer;
              }
            }
        }
        p {
          margin: 0;
        }
    }    
}